<!DOCTYPE html>
<html>
    <head>
        <title>contesthtml</title>
         <meta name="viewport"  content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
        <link type="text/css" rel="stylesheet" media="screen" href="css/test.css">
		<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/webview.js"></script>
		<script type="text/javascript" src="js/testJson.js"></script>
        <style type="text/css">
        
        #mainDiv div{
        	position: absolute;
        }
        .nav{
			position: absolute;
			font-family:Microsoft YaHei;
			color: white;
			font-size: 30px;
			width:150px;
			height: 50px;
			top:50px
		}
		.sizen{
			position: absolute;
			font-family:Microsoft YaHei;
			color: white;
			font-size: 35px;
			width:180px;
			height: 50px;
			top:45px;
			left:100px;
		}
		.commend{
			position: absolute;
		}
		.gameList{
			position: absolute;
			top:451px;
		}
		.navFocus{
			position:absolute;
			left: -9px; 
			/* background:url(images/focus_03.png) no-repeat;  */
			display:none; 
			top:47px;
		}
		
		.hotFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/contest/professionalContest/gameListFocus.png) no-repeat; 
			display:none; 
			top:570px;
		}
		.kinghonorFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/contest/professionalContest/gameListFocus.png) no-repeat; 
			display:none; 
			top:950px;
		}
		.lolFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/contest/professionalContest/gameListFocus.png) no-repeat; 
			display:none; 
			top:1320px;
		}

		.hotGame{
			top:590px;
		}
		.kinghonorGame{
			top:970px;
		}
		.lolGame{
			top:1340px;
		}
		</style>
		<script type="text/javascript" src="js/contest.js"></script>
		<script type="text/javascript">
		var pageSize=7;
		var currPage=0;
		var total=0;
		var totalPage=0;
		var dataJson = {};
		var listData;	
		dataJson = jSon.testJSON;
		listData = dataJson.index_list.index;
		total = listData.length;
		totalPage = Math.ceil(total / pageSize);
		function gamel(){
			for(var i=0; i<pageSize; i++)
			{
				 if(i+pageSize*currPage < total)
				{
					$("#gameList_"+i+" img").remove();
					var imgs = eval("'" + listData[i+pageSize*currPage].img + "'");
					var img = $("<img>");
					img.attr({"class":"img2 common","src":imgs,"width":"175"});
					$("#gameList_"+i).append(img);
				}
				else
				{
					$("#gameList_"+i).hide();
				}
			}
		}
		$(document).ready(function(){
			gamel();
		})
		</script>
  </head>
  
  <body>
  <img style="width:1280x;height:720px;position:absolute;top:0px;left:0px" src="images/bg1.jpg"></img>
  <div id='d2' style='top:0px; position:relative;height:720px;width:1280px;overflow:auto;'>
  	<div id="mainDiv" style="width:1280px;height:920px;">
  	
    <img style="width:200px;height:120px;position:absolute;left:50px" src="images/logo_03.png"></img>
    <img style="width:960px;height:15px;position:absolute;left:234px;top:90px" src="images/titleline_03.png"></img>
    <!-- 导航栏 -->
      <div style="left:290px;" class="nav">WCA</div>
      <div style="left:420px;" class="nav">KML</div>
      
    <!-- 导航栏选中 -->
      <div style="left:243px;"  class="navFocus common"><img class="img0 " src="images/contest/title/0.png"></div>
      <div style="left:375px;"  class="navFocus common"><img class="img0 " src="images/contest/title/1.png"></div>
      
    <!-- 推荐位置 -->
      <div style="left:20px;top:110px;" class="commend"><img class="img1 common"  src="images/contest/contestRecommend/2_01.png"></div>
      <div style="left:515px;top:152px" class="commend "><img class="img1 common" width="300px" src="images/contest/contestRecommend/3_01.png"></div>
      <div style="left:805px;top:152px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/contest/contestRecommend/4_01.png"></div>
      <div style="left:1005px;top:152px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/contest/contestRecommend/5_01.png"></div>
      <div style="left:515px;top:291px" class="commend "><img class="img1 common" width="300px" src="images/contest/contestRecommend/6_01.png"></div>
      <div style="left:805px;top:291px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/contest/contestRecommend/7_01.png"></div>
      <div style="left:1005px;top:291px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/contest/contestRecommend/8_01.png"></div>
      
   <!--  游戏类型动态获取 -->
      <span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:520px">LPL 英雄联盟中国职业赛</span>
      <!-- 类似div可做动态添加(热门游戏,王者荣耀等) 开始 -->
      <!-- 热门游戏 -->
      <div  style="left:70px;" class="hotGame"><img class="img2 " width="162px" height="242px" src="images/contest/professionalContest/1.jpg"></div>
      <div  style="left:265px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/contest/professionalContest/2.jpg"></div>
      <div  style="left:460px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/contest/professionalContest/3.jpg"></div>
      <div  style="left:655px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/contest/professionalContest/4.jpg"></div>
      <div  style="left:850px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/contest/professionalContest/5.jpg"></div>
      <div  style="left:1045px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/more.png"></div>
      
     <!--  热门游戏选中 -->
      <div  style="left:50px;" class="hotFocus common"></div>
      <div  style="left:246px;" class="hotFocus common"></div>
      <div  style="left:442px;" class="hotFocus common"></div>
      <div  style="left:635px;" class="hotFocus common"></div>
      <div  style="left:831px;" class="hotFocus common"></div>
      <div  style="left:1026px;" class="hotFocus common"></div>
      <!-- 类似div可做动态添加(热门游戏,王者荣耀等) 结束-->
      
      
	<span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:910px">KPL 王者荣耀职业赛</span>
	<!-- 王者荣耀 -->
      <div  style="left:70px;" class="kinghonorGame"><img class="img3 " width="162px" height="242px" src="images/contest/professionalContest/1.jpg"></div>
      <div  style="left:265px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/contest/professionalContest/2.jpg"></div>
      <div  style="left:460px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/contest/professionalContest/3.jpg"></div>
      <div  style="left:655px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/contest/professionalContest/4.jpg"></div>
      <div  style="left:850px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/contest/professionalContest/5.jpg"></div>
      <div  style="left:1045px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/more.png"></div>
     <!--  王者荣耀选中 -->
      <div  style="left:50px;" class="kinghonorFocus common"></div>
      <div  style="left:246px;" class="kinghonorFocus common"></div>
      <div  style="left:442px;" class="kinghonorFocus common"></div>
      <div  style="left:635px;" class="kinghonorFocus common"></div>
      <div  style="left:821px;" class="kinghonorFocus common"></div>
      <div  style="left:1026px;" class="kinghonorFocus common"></div>
      
      
      <span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:1280px">KPL 英雄联盟职业赛</span>
	<!-- 英雄联盟 -->
      <div  style="left:70px;" class="lolGame"><img class="img4 " width="162px" height="242px" src="images/contest/professionalContest/6.jpg"></div>
      <div  style="left:265px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/contest/professionalContest/7.jpg"></div>
      <div  style="left:460px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/contest/professionalContest/8.jpg"></div>
      <div  style="left:655px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/contest/professionalContest/9.jpg"></div>
      <div  style="left:850px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/contest/professionalContest/10.jpg"></div>
      <div  style="left:1045px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/more.png"></div>
     <!--  英雄联盟选中 -->
      <div  style="left:50px;" class="lolFocus common"></div>
      <div  style="left:246px;" class="lolFocus common"></div>
      <div  style="left:442px;" class="lolFocus common"></div>
      <div  style="left:635px;" class="lolFocus common"></div>
      <div  style="left:831px;" class="lolFocus common"></div>
      <div  style="left:1026px;" class="lolFocus common"></div>
      
      
	</div>
</div>
  </body>
  <script type="text/javascript" src="js/mylib.js"></script>
  <script type="text/javascript">
	var menu=null;//0-菜单对象 
	var flag=true;   
	var _this=this;
    window.onload=function(){ 
       menu=new Menu(); 
       menu.ok=function(){ 
       	switch(menu.getTabsDivIndex){
       		case 0:window.location.href="compilations.html?prePage1="+curr;break;
            case 1:window.location.href="KML.html?prePage1="+curr;break;
            case 2:window.location.href="team.html?prePage="+curr;break;
       	}
       }
        //$(document).keydown(function(e){keyUp(e,0);}); 
        keyboard();
       }
	</script>
</html>
